<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@  taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="my" uri="/mytag"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="UTF-8">
<link href="AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet"
	type="text/css" />
<link href="AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet"
	type="text/css" />
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/personal.css">
<link rel="stylesheet" href="css/site-nav.css">
<link rel="stylesheet" href="css/ordersstyle.css">
<script src="js/basevalue.js"></script>
<script type="text/javascript" src="basic/js/jquery-1.7.min.js"></script>
<script type="text/javascript" src="AmazeUI-2.4.2/assets/js/amazeui.js"></script>
<title>order info</title>
</head>
<body>
	<div class="site-nav">
		<div class="sn-bg"></div>
		<div class="sn-con">
			<p class="sn-home">
				<i class="am-icon-home"></i> <a href="index.jsp">爱购首页</a>
			</p>
			<p class="sn-login-info">
				<c:if test="${ empty sessionScope.u.nickname }" var="login">
					<span>汪, 欢迎来到爱购 </span>
					<span> &nbsp;<a href="login.jsp">请登录</a>
					</span>
					<span class="sn-logout-info"> <a href="regist.jsp">免费注册</a>
					</span>
				</c:if>
				<c:if test="${!login }">
					<span>Hi, <a href="">${sessionScope.u.nickname }</a>
					</span>
					<span> <i class="am-icon-comments"></i>&nbsp;消息<a href="">3</a>
					</span>
					<span class="sn-logout-info"> <a href="user/logout.do">退出</a>
					</span>
				</c:if>
			</p>
			<ul class="sn-quick-menu">
				<li class="myiGo"><i class="am-icon-user"></i> <a
					href="myorders.do">我的爱购</a></li>
				<li class="sn-mybrand"><i class="am-icon-heart"></i> <a href="">我关注的品牌</a>
				</li>
				<li class="sn-cart"><i class="am-icon-shopping-cart"></i> <a
					href="myshoppingCart.do">购物车</a> <c:set
						property="${sessionScope.map3 }" var="shoppingcart"></c:set> <span
					name="count"> <my:pt value="${sessionScope.map3 }" />
				</span> 件</li>
			</ul>
		</div>
	</div>

	<!--标题&搜索-->
	<div class="header">
		<div class="header-con">
			<h1 class="iGologo">
				<a href="">爱购iGo.com</a>
			</h1>
			<div class="search" name="search">
				<form action="searchkey.do" method="get">
					<input type="text" placeholder="潮女冬季必备" name="key"
						class="search-inp">
					<!-- 这里提供查询的类名 按名字搜索了 -->
					<input style="display: none" type="text" name="search_kind"
						value="name" class="search-inp">
					<button type="submit" class="search-btn">搜索</button>
				</form>
			</div>
		</div>
	</div>
	<b class="line"></b>

	<div class="center-title">
		<div class="center-title-content">我的爱购</div>
	</div>

	<!--个人中心-->
	<div class="center">
		<div class="col-main">
			<div class="main-wrap">
				<div class="user-orderinfo">
					<!--标题 -->
					<div class="am-cf am-padding">
						<div class="am-fl am-cf">
							<strong class="am-text-danger am-text-lg">订单详情</strong> / <small>Order
								&nbsp; Information</small>
						</div>
					</div>
					<hr />

					<!--进度条-->
					<div class="m-progress">
						<div class="m-progress-list">
							<span class="step-1 step"> <em class="u-progress-stage-bg"></em>
								<i class="u-stage-icon-inner">1<em class="bg"></em></i>
								<p class="stage-name">拍下商品</p>
							</span> <span class="step-2 step"> <em
								class="u-progress-stage-bg"></em> <i class="u-stage-icon-inner">2<em
									class="bg"></em></i>
								<p class="stage-name">卖家发货</p>
							</span> <span class="step-3 step"> <em
								class="u-progress-stage-bg"></em> <i class="u-stage-icon-inner">3<em
									class="bg"></em></i>
								<p class="stage-name">确认收货</p>
							</span> <span class="step-4 step"> <em
								class="u-progress-stage-bg"></em> <i class="u-stage-icon-inner">4<em
									class="bg"></em></i>
								<p class="stage-name">交易完成</p>
							</span> <span class="u-progress-placeholder"></span>
						</div>
						<div class="u-progress-bar total-steps-2">
							<div class="u-progress-bar-inner"></div>
						</div>
					</div>
					<div class="order-infoaside">
						<div class="order-logistics">
							<a href="logistics.html">
								<div class="icon-log">
									<i><img src="img/receive.png"></i>
								</div>
								<div class="latest-logistics">
									<p class="text">已签收,签收人是${requestScope.order.orderdetail.adddetails.receiverName }，感谢使用${requestScope.order.sender }快递，期待再次为您服务</p>
									<div class="time-list">
										<span class="date">2016-12-19</span><span class="week">周六</span><span
											class="time">15:35:42</span>
									</div>
									<div class="inquire">
										<span class="package-detail">物流：${requestScope.order.sender }快递</span>
										<span class="package-detail">快递单号: </span> <span
											class="package-number">373269427868</span> <a
											href="logistics.html">查看</a>
									</div>
								</div> <span class="am-icon-angle-right icon"></span>
							</a>
							<div class="clear"></div>
						</div>
						<div class="order-addresslist">
							<div class="order-address">
								<div class="icon-add"></div>
								<p class="new-tit new-p-re">
									<span class="new-txt">${requestScope.order.orderdetail.adddetails.receiverName }</span>
									<span class="new-txt-rd2">${requestScope.order.orderdetail.adddetails.phone }</span>
								</p>
								<div class="new-mu_l2a new-p-re">
									<p class="new-mu_l2cw">
										<span class="title">收货地址：</span> <span class="province">${requestScope.order.orderdetail.adddetails.province }</span>省
										<span class="city">${requestScope.order.orderdetail.adddetails.city }</span>市
										<span class="dist">${requestScope.order.orderdetail.adddetails.region }</span>区
										<span class="street">${requestScope.order.orderdetail.adddetails.detailsAddress }</span>
									</p>
								</div>
							</div>
						</div>
					</div>
					<div class="order-infomain">

						<div class="order-top">
							<div class="th th-item">
								<td class="td-inner">商品</td>
							</div>
							<div class="th th-price">
								<td class="td-inner">单价</td>
							</div>
							<div class="th th-number">
								<td class="td-inner">数量</td>
							</div>
							<div class="th th-operation">
								<td class="td-inner">商品操作</td>
							</div>
							<div class="th th-amount">
								<td class="td-inner">合计</td>
							</div>
							<div class="th th-status">
								<td class="td-inner">交易状态</td>
							</div>
							<div class="th th-change">
								<td class="td-inner">交易操作</td>
							</div>
						</div>

						<div class="order-main">

							<div class="order-status3">
								<div class="order-title">
									<div class="dd-num">
										订单编号：<a href="javascript:;">${requestScope.order.orderid }</a>
									</div>
									<span>成交时间：${requestScope.order.orderCreateTime }</span>
								</div>
								<div class="order-content">
									<div class="order-left">
										<c:forEach
											items="${requestScope.order.orderdetail.willpaiedGoods }"
											var="buyed">
											<ul class="item-list">
												<li class="td td-item">
													<div class="item-pic">
														<a href="#" class="J_MakePoint"> <img
															src="uploads/${buyed.product.productImgAdd }"
															class="itempic J_ItemImg">
														</a>
													</div>
													<div class="item-info">
														<div class="item-basic-info">
															<a href="#">
																<p>${buyed.product.productName }</p>
																<p class="info-little">${buyed.product.desciption }
																	<br />
																	<!--尺码：170/88A/L -->
																</p>
															</a>
														</div>
													</div>
												</li>
												<li class="td td-price">
													<div class="item-price">${buyed.product.price }</div>
												</li>
												<li class="td td-number">
													<div class="item-number">
														<span>×</span>${buyed.amount}
													</div>
												</li>
												<li class="td td-operation">
													<div class="item-operation">退款/退货</div>
												</li>
											</ul>
										</c:forEach>


									</div>
									<div class="order-right">
										<li class="td td-amount">
											<div class="item-amount">
												合计：${requestScope.order.orderdetail.moneyTotal }
												<p>
													含运费：<span>10.00</span>
												</p>
											</div>
										</li>
										<div class="move-right">
											<li class="td td-status">
												<div class="item-status">
													<p class="Mystatus">卖家已发货</p>
													<p class="order-info">
														<a href="logistics.html">查看物流</a>
													</p>
													<p class="order-info">
														<a href="#">延长收货</a>
													</p>
												</div>
											</li>
											<li class="td td-change">
												<div class="am-btn am-btn-danger anniu">确认收货</div>
											</li>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>

		<aside class="menu">
		<ul>
			<li class="person"><a href="index.html">个人中心</a></li>
			<li class="person"><a href="#">我的爱购</a>
				<ul>
					<li><a href="myshoppingCart.do">我的购物车</a></li>
					<li><a href="">我的收藏</a></li>
					<li><a href="">我的足迹</a></li>
					<li><a href="">我的评价</a></li>
					<li><a href="">消息</a></li>
				</ul></li>
			<li class="person"><a href="#">我的交易</a>
				<ul>
					<li class="active"><a href="order.html">订单管理</a></li>
					<li><a href="">退款售后</a></li>
				</ul></li>
			<li class="person"><a href="#">账户设置</a>
				<ul>
					<li><a href="">个人信息</a></li>
					<li><a href="">安全设置</a></li>
					<li><a href="">收货地址</a></li>
				</ul></li>
			<li class="person"><a href="#">我的资产</a>
				<ul>
					<li><a href="">优惠券 </a></li>
					<li><a href="">红包</a></li>
					<li><a href="">账单明细</a></li>
				</ul></li>
		</ul>

		</aside>


		<!--底部-->
		<div class="clear"></div>
		<div class="footer">
			<div class="footer-hd">
				<p>
					<a href="#">爱购集团</a> <b>|</b> <a href="#">商城首页</a> <b>|</b> <a
						href="#">支付宝</a> <b>|</b> <a href="#">物流</a>
				</p>
			</div>
			<div class="footer-bd">
				<p>
					<a href="#">关于爱购</a> <a href="#">合作伙伴</a> <a href="#">联系我们</a> <a
						href="#">网站地图</a> <em>(c) 2016-2026 iGo.com 版权所有</em>
				</p>
			</div>
		</div>

	</div>

</body>
</html>